// custom-tab-bar/index.js
//自定义导航栏，跳转以后，导航栏组件会被重新加载并渲染 所以这里的tabIndex会变为0
const app=getApp();
Component({
    /**
     * 组件的属性列表
     */
    properties: {

    },
    lifetimes:{
        ready(){//组件渲染完成后在更新数据，继续更新页面
            console.log("ready==>")
            this.setData({
                tabIndex:app.globalData.tabIndex
            });
            console.log(this.data.tabIndex)
        }
    },
    /**
     * 组件的初始数据
     */
    data: {
        bars:[
            {
                text:"推荐",
                link:"/pages/recommend/recommend"
            },
            {
                text:"频道",
                link:"/pages/channel/channel"
            },
            {
                text:"我的",
                link:"/pages/my/my"
            },
            
        ],
        tabIndex:0//记录高亮Tabbar的下标
    },

    /**
     * 组件的方法列表
     */
    methods: {
        //点击导航条跳转到对应的页面
        changeTab(event){
            let link=event.target.dataset.link; //获取绑定到组件事件的data-link
            let index=event.target.dataset.index;
            // console.log(event);
            // console.log(index);
            //修改高亮导航栏的下标.
            // this.setData({
            //     tabIndex:index
            // });
            app.globalData.tabIndex=index;
            wx.switchTab({//跳转tabbar页面
              url: link,
            });
        }
    }
})
